<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化文本信息</title>
    <style type="text/css">
        #p2{
            font-family: 隶书;
            font-size: 5px;
            color: blue;
            /* text-indent: 2em; */
        }
        .pre2{
            font-size: 7px;
            color: red;
        }
    </style>
</head>
<body>
    <!-- 第一部分 1.标题字应用 -->
    <h4><strong>【1.标题字应用】</strong> </h4>
    <h1 style="text-align: center;">
        <ruby>
            软<rt>ruan</rt>件<rt>jian</rt>工<rt>gong</rt>程<rt>cheng</rt>
        </ruby>
        是全国就业薪酬涨幅最大的专业
    </h1>
    <h4 style="text-align: left;">软件工程是全国就业薪酬涨幅最大的专业</h4>
    <h5 style="text-align: right;">软件工程是全国就业薪酬涨幅最大的专业</h5>
    <hr color="#ff3333">
    <!-- 第二部分 2.段落、字体标记应用 -->
    <h4><strong>【2.段落、字体标记应用】</strong></h4>
    <p id="p2">
        &nbsp;&nbsp;&nbsp;&nbsp; 网页的本质就是超级文本标记语言，
        通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。
    </p>
    <!-- 第三部分 3.文本标记应用 -->
    <h4><strong>【3.文本标记应用】</strong></h4>
    <p style="text-align:center;">
       <strong>2x<sup>2</sup>+3x = 9</strong> &nbsp;&nbsp; x<sub>1</sub>+x<sub>2</sub> = 10 
        <address style="text-align: center;">地址：江苏省南京市珠江路1924号</address>
    </p>
    <blockquote>超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
        网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容
        （如：文字如何处理，画面如何安排，图片如何显示等）。</blockquote>
    <!-- 第四部分 4.其他排版标记应用 -->
    <h4><strong>【4.其他排版标记应用】</strong></h4>
    <pre>
        <pre class="pre2">            春 思</pre><pre style="font-size: 5px;">                ——李白 
                燕草如碧丝，秦桑低绿枝。
                    当君怀归日，是妾断肠时。
                    春风不相识，何事入罗帏？
    【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
    起兴，写独处 秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他
    早日归来。三、四句由 开头两句生发而来，继续写燕草方碧，夫君必定思归
    怀己，此时秦桑已低，妾已断 肠，进一层表达了思妇之情。五、六两句，以
    春风掀动罗帏时，思妇的心理活动，来 表现她对爱情坚贞不二的高尚情操。</pre>
    </pre>
</body>
</html>